<!--suppress ALL -->
<include file="./Template/header.html" />
<link rel="stylesheet" type="text/css" href="/Template/css/myCenter.css">
<script type="text/javascript">

	$(function() {

		//初始化页面配置
		initPage("个人中心", "center");

		var app = new Vue({
			el: '#container',
			data: {
				productList: [],
			},
			methods: {
				index: indexPage,
				order: orderPage,
				rank: rankPage,
				center: centerPage,
				myWallet: function() {
					window.location.href = "/wechat/userCenter/myWallet";
				},
				waitingOrder: function() {
					window.location.href = "/wechat/order"
				},
				endOrder: function() {
					window.location.href = "/wechat/userCenter/historyRecord";
				},
				historyBill: function() {
					window.location.href = "/wechat/userCenter/historyBill";
				},
				jump: function(url) {
					window.location.href = url;
				}
			}
		})

	});


</script>

<div class="my-center">
	<div class="my-center-head">
		<div class="my-center-bg"></div>
		<div class="user-img" style="background: url('{$customer.headimgurl}')no-repeat center;background-size: cover;"></div>
		<p class="user-name">{$customer.nickname}</p>
		<p class="honr">荣誉值<span>{$customer.point}</span></p>
	</div>
	<div class="my-center-money">
		<p class="color-99">可用余额 <span class="color-font">{$customer.available_assets}</span></p>
		<div class="my-wallet-btn" v-on:click="myWallet">
			<p>查看我的钱包</p>
		</div>
	</div>
	<div class="wait-order" v-on:click="waitingOrder">
		<i class="icon-not-order"></i>
		<p class="color-99">未开奖订单</p>
		<div class="go-to-details">
			<span>({$waitingCount})</span>
			<i class="icon-right"></i>
		</div>
	</div>
	<div class="history-record" v-on:click="endOrder">
		<i class="icon-history"></i>
		<p class="color-99">历史战绩</p>
		<div class="go-to-details">
			<i class="icon-right"></i>
		</div>
	</div>
	<div class="history-record" v-on:click="historyBill">
		<i class="icon-bill"></i>
		<p class="color-99">账单记录</p>
		<div class="go-to-details">
			<i class="icon-right"></i>
		</div>
	</div>
	<div class="the-rule">
		<div class="the-rule-btn" v-on:click="jump('http://mp.weixin.qq.com/s/OyaI7i1Hyz5BET2ZySzIvA')">
			<p class="color-66">规则说明</p>
		</div>
	</div>
</div>

<include file="./Template/footer.html" />

